<!--
 * @Author: panda-hbd 1511539537@qq.com
 * @Date: 2022-11-17 16:54:47
 * @LastEditors: panda-hbd 1511539537@qq.com
 * @LastEditTime: 2022-11-19 11:12:11
 * @FilePath: \text-online-system\src\views\Files.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
    <div style="width: 100%">
        <!-- 头部模块 -->
        <el-header id="header">
            <CommonHeader>
                <template #ul>
                    <div class="head">
                        <ul>
                            <li>发布作业考试</li>
                            <!-- <li :class="index == 2 ? 'actineTab' : ''" @click="toPaperLibrary">试卷库</li>
                            <li :class="index == 3 ? 'actineTab' : ''" @click="toSubjectLibrary">题库</li> -->
                        </ul>
                    </div>
                </template>
            </CommonHeader>
        </el-header>
        <!-- 主体内容 -->
        <el-main>
            <router-view></router-view>
        </el-main>
    </div>
</template>

<script>
import CommonHeader from '../components/CommonHeader.vue'

export default {
    name: 'FilesView',
    data() {
        return {
            
        };
    },
    components: {
        CommonHeader,
    },

    mounted() {

    },

    methods: {
        // toHomeworkLibrary() {
        //     // this.index = 1;
        //     alert(11)
        //     this.$router.push('/index/files/homeworkLibrary')
        // },
        // toPaperLibrary() {
        //     // alert(11)
        //     this.index = 2;
        //     this.$router.push('/index/files/paperLibrary')
        // },
        // toSubjectLibrary() {
        //     this.index = 3;
        //     this.$router.push('/index/files/subjectLibrary')
        // }
    },
};
</script>

<style scoped>
.el-main{
    height: 93%;
}
#header{
    height:7% ;
}
.head {
    width: 100%;
    /* height: 50px; */
}

.head ul {
    display: flex;
}
ul li{
    color: var(--balckColor);
}
.head ul li {
    margin: 0 2rem;
    font-size: 1.175rem;
    /* line-height: 4rem; */
    font-weight: 500;
    padding: 0.85rem 1rem;
}

.actineTab {
    border-bottom: 3px solid var(--blueColor4);
    color: var(--blueColor2);
}
</style>